<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" href="css/smoothness/jquery-ui-1.9.0.custom.css" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.0.custom.js"></script>
<script>
  var ddmenuitem = 0;
  function jsddm_open()
  {
    jsddm_close();
    ddmenuitem = $(this).find('ul.submenu').css('display', 'block');
  }
  function jsddm_close()
  {  
    if(ddmenuitem) ddmenuitem.css('display', 'none');
  }
  $(function {
     $('#topnav > ul > li').bind('click', jsddm_open);
     $('#topnav > ul > li > a').click(function() {
       if ($(this).attr('class') != 'active') {
         $('#topnav ul li a').removeClass('active');
         $(this).addClass('active');
       }
     });
  });
</script>
</head>
<body>
<div id="topnav">
        <ul>
            <li>
                <a href="#">Home</a>
            </li>
            <li>
                <a href="#">Over Meves</a>
                <ul class="submenu">
                    <li><a href="#">Historie</a></li>
                    <li><a href="#">Onze mensen</a></li>
                    <li><a href="#">Werkzijze</a></li>
                </ul>
            </li>
            <li>
                <a href="#">Disciplines</a>
                <ul class="submenu">
                    <li><a href="#">Klimaatbeheersing</a></li>
                    <li><a href="#">Elektrotechniek</a></li>
                    <li><a href="#">Sanitaire techniek</a></li>
                    <li><a href="#">Energiebesparingstechniek</a></li>
                    <li><a href="#">Bouwfysica en geluid</a></li>
                    <li><a href="#">Diensten energiebesparing</a></li>
                </ul>
            </li>
            <li>
                <a href="#">Expertise</a>
                <ul class="submenu">
                    <li><a href="#">Woningbouw &and; Utiliteit</a></li> 
                    <li><a href="#">Zorg &and; Welzijn</a></li> 
                    <li><a href="#">Milieu &and; Energie</a></li> 
                    <li><a href="#">Beheer &and; Onderhoud</a></li> 
                    <li><a href="#">EPA &and; EPC</a></li> 
                    <li><a href="#">Legionella beheersing</a></li>
                </ul>           
            </li>
            <li>
                <a href="#">Contact</a>
                <ul class="submenu">
                    <li><a href="#">Adres &and; route</a></li> 
                    <li><a href="#">Werken bij</a></li>
                </ul>
            </li>
        </ul>
    </div>​
</body>
</html>